/*公共样式*/
.fl {
	float: left;
}
.fr {
	float: right;
}
	/* 声明 */
	@font-face {
		font-family: 'icomoon';
		src:  url('../fonts/icomoon.eot?lxjr7j');
		src:  url('../fonts/icomoon.eot?lxjr7j#iefix') format('embedded-opentype'),
		  url('../fonts/icomoon.ttf?lxjr7j') format('truetype'),
		  url('../fonts/icomoon.woff?lxjr7j') format('woff'),
		  url('../fonts/icomoon.svg?lxjr7j#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
		font-display: block;
	  }
	/* 引用 */
.fr .icomoon{
	  font-family: 'icomoon';
	  font-size: 16px;
	  /* 这个是设置图标的大小的，因为图标是字体，所以会带着图标前面的字朝下偏 ，所以通过设置line-height*/
	  line-height: 26px;
	  /* 通常line-height等于height那么就居中，小于height就会朝上，大于height就会朝下，因为现在图标使得汉字偏下，所以可以将line-height调小一点使其向上移 */
  }
/*版心*/
.w {
	width: 1200px;
	margin: 0 auto;
}
.style-red{
	color: #c81623;
}
.spacer{
	width: 1px;
	height: 12px;
	background-color: #666;
	margin: 9px 12px 0px;
}
/* 顶部快捷导航 */
.shortcut{
	height: 31px;
	background-color: #f1f1f1;
	line-height: 31px;
}
.shortcut li{
	float: left;
}
/* header部分 */
.header{
	position: relative; /* 父相子绝 */
	height: 105px;
	/* background-color: pink; */
}
.header .logo{
	position: absolute; /* 父相子绝 */
	/* top: 25px; */
	left: 0px;
	width: 175px;
	height: 105px;
	/* background-color: purple; */
}
.logo a{
	display: block;/* 因为a是行内元素，所以先将其改为块元素 */
	width: 175px;
	height: 105px;
	background:url(../img/jdd.png) no-repeat;  /* no-repeat设置背景图片不重复显示 */
	text-indent: -999px;
	overflow: hidden;
	/* a标签放在了h1里面，所以浏览器会觉得这个标签很重要，所以a里面的‘京东’两个字也就会很明显的显示出来，为了不让这两个字显示出来，就通过text-indent首行缩进将字的位置移在盒子外面，同时给盒子设置overflow:hidden */
	/* font-size: 0px;可以使用上面这种做法将logo上的字隐藏，也可以直接将字的font-size设置为0 */
}
.search{
	position: absolute;
	top: 25px;
	left: 348px;
}
.text{
	float: left;
	width: 445px;
	/* text的实际宽度是455px，因为padding-left会将text向左移动10px，所以实际宽度是width+padding-left */
	height: 32px;
	border: 2px solid #f13131;
	padding-left: 10px;
	color: #ccc;
}
.btn{
	float: left;	/* 在实际显示上text和button两个之间会有一个空隙，所以需要设置浮动来使得两个紧贴在一起 */
	width: 82px;
	height: 36px;
	background-color: #f13131;
	border: 0px;
	font-size: 16px;
	color: white;
}
.hotwords{
	position: absolute;
	top: 65px;
	left: 348px;
}
.hotwords a{
	margin-right: 12px;
}
.shopcar{
	position: absolute;
	top: 25px;
	right: 168px;  /* right:64px */
	width: 120px;  /* width:138px */
	height: 34px;
	line-height: 34px;
	border: 1px solid #dfdfdf;
	background-color: #f7f7f7;
	text-align: center;
}
.car{
	font-family: 'icomoon';
	font-size: 16px;
	margin-right: 10px;
	color: #f13131;
}
/* .arrow{
	font-family: 'icomoon';
	margin-left: 5px;
} */
.count{
	position: absolute;
	top: -5px;
	left: 25px;
	background-color: #f13131;
	height: 15px;
	line-height: 14px;
	padding: 0 3px;
	color: white;
	border-radius: 7px 7px 7px 0;
}
/* nav start */
.nav{
	height: 45px;
	border-bottom: 1px solid  #ccc;
}
.dropdown{
	width: 209px;
	height: 45px;
	color: white;
}
.dropdown .dt{
	width: 100%;
	height: 100%;
	background-color: #c81623;
	font-size: 16px;
	color: white;
	text-align: center;
	line-height: 45px;
}
.dropdown .dd{
	height: 465px;
	background-color: rgb(243, 28, 28);
	margin-top: 1px;
}
.menu_item{
	height: 25px;
	/* height: 31px; */
	line-height: 25px;
	margin-left: 1px;
	padding: 0 10px;
	transition: all .5s;
}
.menu_item:hover{
	background-color: white;
	padding-left: 20px;
}
/* 鼠标经过li时，li里面的a变色 */
.menu_item:hover a{
	color: rgb(243, 28, 28);
}
.menu_item a{
	font-size: 14px;
	color: white;
}
.menu_item i{
	float: right;
	font-family: 'icomoon';
	font-size: 18px;
	color: white;
}
.navitems{
	margin-left: 10px;
}
.navitems li{
	float: left;
}
.navitems li a{
	display: block;
	height: 45px;
	line-height: 45px;
	padding: 0 20px;
	font-size: 16px;
}
/* footer部分 */
.footer{
	/* height: 416px; */
	/* height: 386px; */
	background-color: #f5f5f5;
	padding-top: 30px;
}
.mod_service{
	height:79px;
	/* background: rgb(238, 234, 234); */
	border-bottom:1px solid rgb(228, 221, 221);
}
.mod_service li{
	float: left;
	width: 240px;
	height: 79px;
}
.mod_service_icon{
	float: left;
	width: 50px;
	height: 50px;
	/* css精灵图 */
	background:url(../img/icons.png) no-repeat;
	margin-left: 35px;
}
.mod_service_zheng{
	/* 浮动的盒子可以直接给大小，不需要转换 */
	background-position: -253px -3px;
}
.mod_service_title{
	float: left;
	margin-left: 5px;
}
.mod_service_title h5{
	margin: 5px 0;
}
.mod_service_pin{
	background-position: -255px -54px;
}
.mod_service_bao{
	background-position: -257px -105px;
}
.mod_service_zhang{
	background-position: -258px -156px;
}
.mod_service_help{
	background-position: -258px -209px;
}
.mod_help{
	height: 187px;
	/* background: rgb(238, 234, 234); */
	border-bottom: 1px solid #ccc;
}
.mod_help_item{
	float: left;
	width: 150px;
	padding: 20px 0 0 50px;  /* 上右下左 */
}
.mod_help_item dt{
	height: 25px;
	font-size: 16px;
}
.mod_help_item dd{
	height: 22px;
}
.mod_help_app dt,
.mod_help_app p{
	padding-left: 20px;
}
.mod_help_app img{
	margin: 5px 0;
}
.mod_copyright{
	text-align: center;
}
.mod_copyright_links{
	margin: 20px 0 15px 0;
}